import { Card, WingBlank, WhiteSpace,Carousel } from 'antd-mobile';
import { Link } from "react-router-dom";


import React from 'react'

class Job extends React.Component {

  data=[{
   title: '管培生',
   job: '职能方向：销售 / 市场 / 产品 / 采购 / EHS / 生产运营 / 研发',
   count:'',
   base:''
  },
  // {
  //   title: '技术培训生 (生产工艺)',
  //   job: '',
  //   count:'',
  //   base:''
  //  },
  //  {
  //   title: '销售培训生',
  //   job: '',
  //   count:'',
  //   base:''
  //  }
  ]


    // data=[{
    //     title: '技术培训生 (设备) 若干',
    //     job: '相关部门：研发部，技术研发部，EHS，有机研发部，无机研发部',
    //     count:'招聘人数：34',
    //     base:'工作地点：江苏/北京/天津/上海'
    // },
    //     {
    //         title: '技术培训生 (生产工艺) 若干',
    //         job: '相关部门：财务部、公共关系部、采购部、投资部、信息技术部、人力资源部',
    //         count:'招聘人数：9',
    //         base:'工作地点：江苏/上海'
    //     },
    //     {
    //         title: '销售培训生 若干',
    //         job: ' ',
    //         count:'招聘人数：16',
    //         base:'工作地点：江苏/北京/天津/上海'
    //     }]


   constructor(prop){
    super(prop);
    this.state = {
        // data: ['AiyWuByWklrrUDlFignR', 'TekJlZRVCjLFexlOCuWn', 'IJOtIlfsYdTyaDTRVrLI'],
       data: ['2', '1', '3'],

    }
}



  render() {

    let arr=[];
    let i=0;
      this.data.map(d=>{
        arr.push(   <Link to={'/desc/'+i} > <Card   key={i} className='card'>
          <Card.Header
            title={d.title}
            // thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
            // extra={<span>{d.count}</span>}
          />
          <Card.Body>
            <div>{d.job}</div>
          </Card.Body>
          {/*<Card.Footer content={<span><span>{d.base}</span><span className='count'>{d.count}</span></span>} />*/}
        </Card> </Link>);
        i++;
      })


    return ( <div className='job'><WingBlank size="lg">
              <Carousel
          autoplay={true}
          infinite={true}
            dots
          >
          {this.state.data.map(val => (
            
              <img
                src={`${val}.png`}
                alt=""
                style={{ width: '100%', verticalAlign: 'top' }}
                onLoad={() => {
                  // fire window resize event to change height
                  window.dispatchEvent(new Event('resize'));
                  this.setState({ imgHeight: 'auto' });
                }}
              />
           
          ))}
        
        </Carousel>

    <WhiteSpace size="lg" />
      {arr}
    <WhiteSpace size="lg" />
  </WingBlank></div> );
  }
}


  
 

export default Job;
